/* 封装一些常用样式 */

.float_l {
  float: left;
}
.float_r {
  float: right;
}
/* 文本超出省略号显示 */
.text_ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 超出2行时隐藏 */
.text_ellipsis_2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box; //将作为弹性伸缩盒子模型显示
  -webkit-box-orient: vertical; //从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）
}

/* flex布局 */
.flex {
  display: flex;
}

.flex_c {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex_l {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.flex_r {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.flex_b {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.box_sizing {
  box-sizing: border-box;
}

.m24 {
  margin: 0 24px;
}
.mt24 {
  margin-top: 24px;
}
.mb24 {
  margin-bottom: 24px;
}
.m16 {
    margin: 0 16px;
  }
.mt16 {
  margin-top: 16px;
}
.mb16 {
  margin-bottom: 16px;
}
.m32 {
    margin: 0 32px;
  }
.mt32 {
  margin-top: 32px;
}
.mb32 {
  margin-bottom: 32px;
}
.pd16{
    padding: 16px;
    box-sizing: border-box;
}
.pd24{
    padding: 24px;
    box-sizing: border-box;
}
.pd32{
    padding: 32px;
    box-sizing: border-box;
}
